<template>
  <div>
    
    <!-- 图文列表区域 -->
    <ul class="mui-table-view">
      <li class="mui-table-view-cell mui-media">
        <a href="javascript:;">
          <img class="mui-media-object mui-pull-left" src="https://gitee.com/uploads/91/465191_vsdeveloper.jpg?1437703838">
          <div class="mui-media-body">
            <h1>幸福</h1>
            <p class='mui-ellipsis'>
              <span>发表时间：2012-12-12 12:12:12</span>
              <span>点击：1次</span>
            </p>
          </div>
        </a>
      </li>

      <li class="mui-table-view-cell mui-media">
        <a href="javascript:;">
          <img class="mui-media-object mui-pull-left" src="https://gitee.com/uploads/91/465191_vsdeveloper.jpg?1437703838">
          <div class="mui-media-body">
            <h1>幸福</h1>
            <p class='mui-ellipsis'>
              <span>发表时间：2012-12-12 12:12:12</span>
              <span>点击：1次</span>
            </p>
          </div>
        </a>
      </li>

      <li class="mui-table-view-cell mui-media">
        <a href="javascript:;">
          <img class="mui-media-object mui-pull-left" src="https://gitee.com/uploads/91/465191_vsdeveloper.jpg?1437703838">
          <div class="mui-media-body">
            <h1>幸福</h1>
            <p class='mui-ellipsis'>
              <span>发表时间：2012-12-12 12:12:12</span>
              <span>点击：1次</span>
            </p>
          </div>
        </a>
      </li>
      

    </ul>

  </div>
</template>


<script>
</script>

<style lang="scss" scoped>
.mui-media-body {
  h1 {
    font-size: 14px;
  }

  .mui-ellipsis {
    color: #26a2ff;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
  }
}
</style>
